<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 全局变量和局部变量都存在的时候，函数优先使用自己的(局部变量)

        // var n = 10 ;
        // var m = 6 ;

        // function fn() {
        //     var n = 5 ;
        //     console.log(n);   // 5
        //     m++ ;
        // }

        // console.log(m);   // 6

        // fn() ;

        // console.log(m);  // 7





        // 函数也有作用域
        //    如果一个函数是在另一个函数里面声明的，也只能在这个函数里面调用
        //    如果一个函数在外面声明，外面的任何地方都可以调用


        var x = 5 ;

        function f() {
            var x = 3 ;

            // f2这个函数的作用域   只能在f这个函数中被调用
            function f2() {
                console.log(x);
            }
            f2() ;
        }


        f() ;


        // f() ;
        // f2() ;


    </script>
    
</body>
</html>